<%@ Control Language="vb" AutoEventWireup="false" Explicit ="true"  codefile="MelinhPlazaHaDong.ascx.vb" Inherits="NVPortal.Modules.NV_SlideIMG.inc_default" %>
<script type="text/javascript" src="/DesktopModules/NV_SlideIMG/Display/js/MLPHD/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/DesktopModules/NV_SlideIMG/Display/js/MLPHD/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="/DesktopModules/NV_SlideIMG/Display/css/MLPHD/tango/skin.css" />

<script type="text/javascript">
    function mycarousel_initCallback(carousel) {
        // Disable autoscrolling if the user clicks the prev or next button.
        carousel.buttonNext.bind('click', function () {
            carousel.startAuto(0);
        });

        carousel.buttonPrev.bind('click', function () {
            carousel.startAuto(0);
        });

        // Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function () {
            carousel.stopAuto();
        }, function () {
            carousel.startAuto();
        });
    };

    jQuery(document).ready(function () {
        jQuery('#mycarousel').jcarousel({
            auto: 2,
            wrap: 'last',
            initCallback: mycarousel_initCallback
        });
    });

</script>
<ul id="mycarousel" class="jcarousel-skin-tango">
            <asp:Repeater runat="server" ID="rptData">
                <ItemTemplate>
                    <li><a href='<%# DataBinder.Eval(Container.DataItem,"Link")%>' target="_blank"><img alt="" src="<%# PortalSettings.HomeDirectory & "Slides/Images/" & DataBinder.Eval(Container.DataItem,"LinkIMG")%>" title="<%# DataBinder.Eval(Container.DataItem,"title")%>" /></a></li>
                </ItemTemplate>
            </asp:Repeater>
		</ul>